<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">


    <h:form id="formTabela">
        <p:growl id="growl" showDetail="false" />
        <p:dataTable id="listFuncionarios" var="forn" value="#{funcionarioControler.listFuncionario}" widgetVar="carsTableAtivos" 
                     rowKey="#{forn.id}" selectionMode="single"  emptyMessage="Nenhum registro foi encontrado!" 
                     paginator="true" rows="10" rowsPerPageTemplate="5,10,15,#{funcionarioControler.listFuncionario.size()}"
                     selection="#{funcionarioControler.funcionario}">

            <p:ajax event="rowSelect"    
                    update=":tabView:formCadastroProduto" oncomplete="carDialogFuncionario.show()" process="@this"/>  
            <p:ajax event="rowUnselect" update=":tabView:formCadastroProduto" process="@this"/>  

            <f:facet name="header" >  
                <p:outputPanel>  
                    <p:commandButton value="Novo funcionário" accesskey="N" onclick="carDialogFuncionario.show()" style="float: left;"
                                     action="#{funcionarioControler.inicializaObj()}" update=":tabView:formCadastroProduto" process="@this"/>
                    <h:outputText value="Digite para pesquisar: " />
                    <p:inputText id="globalFilter" onkeyup="carsTableAtivos.filter()" style="width:150px" /> 
                    
                </p:outputPanel>  
            </f:facet>  
            <p:column filterBy="${forn.nome}" headerText="Nome" footerText="Nome" sortBy="#${forn.nome}">    
                <h:outputText value="${forn.nome}" />  
            </p:column> 
            <p:column filterBy="${forn.telefone1}" headerText="Telefone" footerText="Telefone" sortBy="#${forn.telefone1}">    
                <h:outputText value="${forn.telefone1}" title="#{forn.telefone2} - #{forn.celular}" />  
            </p:column> 
            <p:column filterBy="${forn.cpf}" headerText="CPF" footerText="CPF" sortBy="${forn.cpf}">  
                <h:outputText value="${forn.cpf}"/>
            </p:column>  
        </p:dataTable>
        <p:separator/>
    </h:form>

    <p:dialog id="dialogFuncionario" header="Dados do funcionário" widgetVar="carDialogFuncionario" resizable="false"   
              modal="true" appendToBody="true">
        <ui:include src="add.xhtml" />

        <!--     confirmação para excluir funcionario       -->
        <p:confirmDialog id="confirmDialog" message="Confirma excluir o funcionário?" appendToBody="true"
                         header="Atenção!!!" severity="alert" widgetVar="confirmationExcluirFuncionario" >  
            <h:form>
                <p:commandButton id="confirm" value="Sim" oncomplete="confirmationExcluirFuncionario.hide()"  
                                 actionListener="#{funcionarioControler.excluir()}" update="@form"/>  
                <p:commandButton id="decline" value="Cancelar" onclick="confirmationExcluirFuncionario.hide()" type="button" />   
            </h:form>
        </p:confirmDialog>
    </p:dialog>
</html>